<template>
    <div>
        <h1>App</h1>
        <TsLink>

            <!-- <template v-slot:default="scope">
                hello {{ uname }}
                {{ scope.uname }} {{ scope.age }}
            </template> -->

            <template #default="{ uname: username, age }">
                hello {{ username }} {{ age }}
            </template>

            <template v-slot:[sname]="scope">
                this left {{ scope }}
            </template>


            <template #right>
                this right
            </template>
        </TsLink>
    </div>
</template>'
<script>
export default {
    data() {
        return {
            uname: "jack",
            sname: 'left'
        }
    },
    methods: {
        log(e) {
            console.log(e);
        }
    }
}
</script>
<style>
div {
    border: solid;
    padding: 10px;
}
</style>